

.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer;

}

.swiper-pagination-bullet {

    display: inline-block;

    width: 13px;

    height: 13px;

    margin-right: 17px;

}

/***轮播按钮***/

body .container {

    max-width: 1740px;

    width: 100%;

    margin: auto;

}

.swiper-slide {

    max-width: 100%!important;

    width: 100%!important;

}

/***首页***/


.product-box {
    margin-top: 4%;
    margin-bottom: 4%;
    overflow: hidden;

}

.case_title_lists.case_title_lists9 {

    display: inline-block;

    color: #333;

}

.col-lg-6.col-md-6.col-12.text-right {

    padding-top: 10px;

}

.case_title_lists a {

    font-size: 18px;

    line-height: 24px;

    color: #333;

    margin-right: 35px;

    transition: all .3s;

        cursor: pointer;

}

.case_title_lists a.active {

    color: #549a39;

    border-bottom: 1px solid #549a39;

}

a.read-more {

    font-size: 16px;

    color: #999999;

    height: 40px;

    line-height: 40px;

}

a.read-more {

    font-size: 15px;

    color: #999999;

    height: 40px;

    line-height: 40px;

    width: 150px;

    background: #f4f4f6;

    display: inline-block;

    text-align: center;

}

.text-right{

    text-align: right;

}



.case_text.post_text {

    height: 63px;

    line-height: 63px;

    background: #f4f4f6;

}

.posts_title a {

    font-size: 18px;

    color: #333;

    padding-left: 20px;

    transition: all .3s;

}

.posts_title {

    display: inline-block;

}

.case_text.post_text a.vedio_url {

    float: right;

    padding-right: 20px;

    font-size: 16px;

    color: #333;

}

.case_pic {

    border: 1px solid #efefef;

    position: relative;

    overflow: hidden;

}

.case_loop .col-lg-3.col-md-3.col-6:hover .case_pic {

    border: 1px solid #539a39;

    transition: all .3s;

    box-shadow: 0px 0px 6px 1px #d1c4c4;

}

.case_loop .col-lg-3.col-md-3.col-6:hover .case_text.post_text {

    box-shadow: 0px 0px 6px 1px #d1c4c4;

}

.case_loop .col-lg-3.col-md-3.col-6:hover .case_text.post_text .posts_title a {

    color: #539a39;

    transition: all .3s;

}

.case_loop .col-lg-3.col-md-3.col-6:hover .case_text.post_text a.vedio_url {

    color: #539a39;

    transition: all .3s;

}

.case_loop .col-lg-3.col-md-3.col-6:hover .case_pic img.swiper-lazy.lazyload {

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

    transition: all .3s;

}


@media only screen and (max-width: 1600px){

.case_title_lists a {font-size: 16px;line-height: 24px;color: #333;margin-right: 25px;transition: all .3s;cursor: pointer;}
}


@media only screen and (max-width: 1300px){
.case_title_lists a {font-size: 16px;line-height: 24px;color: #333;margin-right: 28px;transition: all .3s;}
}


@media only screen and (max-width: 768px){
.scroll {
    display: none;
}

}

@media only screen and (max-width: 767px){

    .banner-swiper {

    margin-top: 0;

}


}

@media only screen and (max-width: 640px){

    .product-box a.read-more {

    display: none;

}

    .case_title_lists a {

    font-size: 13px;

    line-height: 24px;

    margin-bottom: 10px;

    margin-right: 7px;

    display: inline-block;

}


    .case_loop.loop_list4.row .col-lg-3.col-md-3.col-6 {

    margin-bottom: 15px;

}

    .product-box {

    margin-top: 30px;

    margin-bottom: 30px;

}

    div#case_index_show .text-right {

    text-align: center!important;

}

    .loop_part {

    max-width: 100%;

}

    .case_text.post_text a.vedio_url {

    display: none;

}

}
